
import { Button } from 'antd';
import React, { Component } from 'react'
import Son from './Son'

export default class Parent extends Component {

  constructor(props){
    super(props);
    this.props = props;
    this.child = React.createRef();
  }
    
  chuan=()=>{
    // console.log("this.child.current",this.child.current);
    // this.child.current.toSon("hello,我是父亲");

    this.child.toSon("hello,我是父亲");

  }

  sonToParent(str){
    console.log("str",str);
  }

  //此函数 让父子组件可以互相访问。 
  onRef=(child)=>{
    // 确立父子关系。
    // 1、在父组件中能够拿到子组件
    // this.child = child;
    // // 2、在子组件里能够拿到父组件。
    // this.child.parent = this;
  }

  testf=()=>{
    console.log("this.child",this.child);
  }

  render() {
    return (
        <>
        <h1>父子组件通信(Ref)</h1>
        <div>Parent</div>
        <Button type="info" onClick={this.chuan}>传给子</Button>
        <hr></hr>
        <Son ref={this.child} onRef={this.onRef} ></Son>
        <Button type="info" onClick={this.testf}>测试</Button>
      </>
    )
  }
}
